<template>
	<div class="searchAll">
		<div class="allChoose">
			<div class="allLeft">
				<span class="city">离我最近</span>
				<i class="iconfont icon-icon--"></i>
			</div>
			<div class="allCent">
				<span class="city">全城</span>
				<i class="iconfont icon-icon--"></i>
			</div>
			<div class="allRight">
				<span class="city">影厅特效</span>
				<i class="iconfont icon-icon--"></i>
			</div>
		</div>
		<div class="location">
			<div class="img">
				<img src="../../assets/images/location.png" alt="">
			</div>
			<div class="refresh">
				<p>位置获取失败,请开启定位功能</p>
				<button>刷新</button>
			</div>
		</div>
		<div class="sideways">以下影院均非时光网自营</div>
	</div>
</template>

<script>
	export default {
		name: "searchAll",
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import '~@/assets/css/common.scss';
	.searchAll{
		.allChoose{
			display: flex;
			justify-content: space-around;
			align-items: center;
			height: vw(36);
			line-height: vw(36);
			font-size: vw(14);
			width: 100%;
			border-bottom: 2px solid #eee;
			i{
				font-size: vw(14);
			}
		}
		.location{
			width: 100%;
			height: vw(230);
			text-align: center;
			.img{
				height: vw(140);
				img{
					width: vw(120);
					height: vw(120);
				}
			}
			.refresh{
				width: 100%;
				p{
					font-size: vw(16);
					color: #999;
				}
				button{
					font-size: vw(16);
					width: vw(90);
					height: vw(40);
					border: 1px solid #999;
					border-radius: vw(5);
					background: #fff;
					margin-top: vw(15);
				}
			}
		}
		.sideways{
			width: 100%;
			height: vw(30);
			line-height: vw(30);
			text-align: center;
			font-size: vw(14);
			background: #eee;
			color: #999;
		}
	}
</style>
